@import "@/lib/reset.scss";
body,html{
  @include rect(100%,100%);
  background: #ffffff;
}
#root{
  @include rect(100%,80%)
}
.box1{
  @include rect(100%,100%);
  flex-direction: column;
  @include flexbox();
  flex-direction: column;
  header{
    @include rect(100%,0.44rem);
    box-sizing: border-box;
    padding: 0 15px;

   border-bottom: 1px solid #eeeeee;
    @include  flexbox();
    align-items: center;
    justify-content: space-between;
    .imagebox1{
      @include rect(1rem,0.25rem);
      @include flexbox();
      justify-content: space-between;
      align-items: center;

      img{
        @include rect(auto,0.25rem);
       }
      .image2{@include rect(auto,0.16rem)}
    }
      .imagebox2{
        @include rect(1.2rem,0.25rem);
        @include flexbox();
        justify-content: space-between;
        img{
          @include rect(auto,0.25rem);
        }
      }




  }
  .swiper-container {
    width: 100%;
    height: 100%;
  }
  .content{

    @include flex();
overflow: auto;
  @include rect(100%,auto);
    img{@include rect(100%,auto)}
  }




  footer{
    @include rect(100%,0.5rem);
    ul{
      @include flexbox();
      @include rect(100%,100%);
      li{
        flex: 1;
        @include flexbox();
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background-color: #eeeeee;
        a.active{
          color: red;}
      }
    }

  }
}

